@use "tailwindcss/base" as *;
@use "tailwindcss/components" as *;
@use "tailwindcss/utilities" as *;

:root,
page {
  .theme-light {
    --primary: #1890ff;
    --secondary: #666666;
    --background: #ffffff;
    --text: #333333;
    --border: #e5e7eb;
  }

  .theme-dark {
    // --nutui-color-primary-stop-1: green;
    // --nutui-color-primary-stop-2: green;
    --primary: #177ddc;
    --secondary: #a3a3a3;
    --background: #1f1f1f;
    --text: #ffffff;
    --border: #434343;
  }

  .theme-pink {
    // --nutui-color-primary-stop-1: pink;
    // --nutui-color-primary-stop-2: pink;
    --primary: #ff69b4;
    --secondary: #ffb6c1;
    --background: #fff0f6;
    --text: #333333;
    --border: #ffadd2;
  }
}
